* {
    margin: 0;
    padding: 0;
}

.container {
    position: absolute;
    width: 100vw;
    height: 100vh;
    background-color: rgb(240, 240, 240);
}

.login {
    position: relative;
    margin: 6.25rem auto;
    width: 37.5rem;
    height: 18rem;
    /* background: linear-gradient(-125deg, #57bdbf, #2f9de2); */
    background: #fff;
    border-radius: .3125rem;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 12px 18px 2px rgba(34, 0, 51, .04), 0 6px 22px 4px rgba(7, 48, 114, .12), 0 6px 10px -4px rgba(14, 13, 26, .12);
}

.title {
    position: relative;
    margin: 1.25rem auto;
    width: 9.375rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
}

.form-group {
    position: relative;
    margin: .625rem auto;
    width: 18.75rem;
    height: 2.5rem;
}

.form-group input {
    font-size: .75rem;
    height: 1.875rem;
    width: 12.5rem;
    border-radius: 0 .25rem .25rem 0;
    border: .0625rem solid #c8cccf;
    color: #986655;
    outline: 0;
    text-align: left;
    padding-left: .625rem;
    display: inline-block;
    cursor: pointer;
}

.th {
    position: relative;
    display: inline-block;
    width: 3.75rem;
    height: 1.875rem;
    line-height: 1.875rem;
    text-align: center;
    background-color: rgb(240, 240, 240);
    font-size: 14px;
    left: .286875rem;
    border-radius: .25rem 0 0 .25rem;
    border: .0625rem solid #c8cccf;
}

.jump {
    position: relative;
    margin: .625rem auto;
    width: 12.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
}

button {
    position: relative;
    display: inline-block;
    background: #D0EEFF;
    border: .0625rem solid #99D3F5;
    border-radius: .25rem;
    padding: .25rem .75rem;
    overflow: hidden;
    color: #1E88C7;
    text-decoration: none;
    text-indent: 0;
    line-height: 1.25rem;
    margin-top: .625rem;
}

button::before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    background-color: #000;
    border: inherit;
    border-color: #000;
    border-radius: inherit;
    transform: translate(-50%, -50%);
    opacity: 0;
    content: ' ';
}

button:active::before {
    opacity: 0.1;
}

a {
    color: #FF3333;
    text-decoration: underline;
}

.box {
    position: relative;
    font-size: .75rem;
    width: 12.5rem;
    height: 1.25rem;
    line-height: 1.25rem;
    text-align: left;
    transform: translate(10%, -10%);
    color: #FF3333;
}